﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <%include("./common/header.html"){}%>
    <script type="text/javascript" src="${ctxPath}/js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="${ctxPath}/js/pages/signin.js"></script>
    <style type="text/css">
        .signin-other-link {
            height: 30px;
            margin: 10px 0;
            list-style: none;
            padding: 0;
        }

        .signin-other-link > li:first-child {
            text-align: left;
        }

        .signin-other-link > li {
            width: 49%;
            display: inline-block;
            text-align: right;
        }
    </style>
    <title>作业审核管理系统-登陆</title>
</head>

<body class="signin">


<section>

    <div class="signinpanel">

        <div class="row">

            <div class="col-md-7">

                <div class="signin-info">
                    <div class="logopanel">
                        <h1><span>[</span> Homework Manage <span>]</span></h1>
                    </div>
                    <!-- logopanel -->

                    <div class="mb20"></div>

                    <h5><strong>Welcome to Use Homework Manage System!</strong></h5>
                    <ul>
                        <li><i class="fa fa-arrow-circle-o-right mr5"></i> Fully Responsive Layout</li>
                        <li><i class="fa fa-arrow-circle-o-right mr5"></i> HTML5/CSS3 Valid</li>
                        <li><i class="fa fa-arrow-circle-o-right mr5"></i> Retina Ready</li>
                        <li><i class="fa fa-arrow-circle-o-right mr5"></i> WYSIWYG CKEditor</li>
                        <li><i class="fa fa-arrow-circle-o-right mr5"></i> and much more...</li>
                    </ul>
                    <div class="mb20"></div>
                    <strong>Not a member? <a href="signup.html">Sign Up</a></strong>
                </div>
                <!-- signin0-info -->

            </div>
            <!-- col-sm-7 -->

            <div class="col-md-5">

                <form id="homework_signin" method="post" action="./userSignin.html">
                    <h4 class="nomargin">Sign In</h4>

                    <p class="mt5 mb20">Login to access your account.</p>

                    <input type="text" id="username" name="username" class="form-control uname" placeholder="请输入用户名"/>
                    <input type="password" id="password" name="password" class="form-control pword"
                           placeholder="请输入密码"/>

                    <button id="submitBtn" type="submit" class="btn btn-success btn-block"><span
                            class="glyphicon glyphicon-log-in"></span>&nbsp;登&nbsp;錄
                    </button>
                    <ol class="signin-other-link">
                        <li><a href="${ctxPath}/homework/signup.html">
                            <small>新用戶註冊?</small>
                        </a></li>
                        <li><a href="${ctxPath}/homework/forgetpassword.html">
                            <small>忘记密码?</small>
                        </a></li>
                    </ol>
                </form>
            </div>
            <!-- col-sm-5 -->

        </div>
        <!-- row -->

        <div class="signup-footer">
            <div class="pull-left">
                &copy; 2014. All Rights Reserved. Bracket Bootstrap 3 Admin Template
            </div>
            <div class="pull-right">
                Created By: <a href="http://themepixels.com/" target="_blank">ThemePixels</a>
            </div>
        </div>

    </div>
    <!-- signin -->

</section>

</body>
</html>
